*{margin: 0;padding: 0;}
html{height: 100%;}
body{height: 100%;background: #fff url(/img/background5.jpeg) 50% 50% no-repeat; background-size: cover;}
.dowebok { position: absolute;left: 50%;top: 50%;width: 430px;height: 690;margin: -300px 0 0 -215px;border: 1px solid rgb(10,10,9);border-radius: 25px;overflow: hidden;}
.logo{width: 104px;height: 104px;margin: 20px auto 80px;background:url(/img/logo.png)  0 0 no-repeat ;}
.form-item{position: relative;width: 360px;margin: 0 auto;padding-bottom: 30px;}
.form-item input{width: 288px;height: 48px;padding-left: 70px;border: 1px solid rgb(10, 10, 9);border-radius: 25px;font-size: 18px;color: #fff;background-color:transparent ;outline: none;}
.form-item button{width: 360px;height: 50px;border: 0;border-radius: 25px;font-size: 18px;color: #1f6f4a;outline: none;cursor: pointer;background-color: #fff;}
#sub{background: url(/img/name2.png)20px 15px no-repeat;}
#num{background: url(/img/num1.png)20px 15px no-repeat;}
#telephone{background: url(/img/telephone2.png)20px 15px no-repeat;}
#address{background: url(/img/address.png)20px 15px no-repeat;}
.tip{display: none;position: absolute;left: 20px;top: 52px;font-size: 14px;color: #50f;}
.reg-bar{width: 360px;margin: 0 auto;font-size: 16px;overflow: hidden;}
.reg-bar a {color: #fff;text-decoration: none;}
.reg-bar a:hover{text-decoration: underline;}
.reg-bar .reg{float: left;}
.reg-bar .forget{float: right;}
.reg-bar .back{float: right;}
.dowebok ::-webkit-input-placeholder{font-size: 18px;line-height: 1.4;color: #fff;}
.dowebok :-moz-placeholder{font-size: 18px;line-height: 1.4;color: #fff;}
.dowebok :-ms-input-placeholder{font-size: 18px;line-height: 1.4;color:#fff}
@media screen and (max-width:500px){
    *{box-sizing: border-box;}
    .dowebok{position: ststic;width: auto;height: auto;margin: 0 30px;border: 0;border-radius: 0;}
    .logo{margin: 50px auto;}
    .form-item{width: auto;}
    .form-item input, .form-item button, .reg-bar{width: 100%;}
}